<!-- 秒杀列表页面 -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<link href="/css/jquery-select/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
	.layui-layer-page .layui-layer-content{
		overflow: hidden !important;
	}
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="col-sm-12">
		<div class="ibox">
			<div class="ibox-body">
				<div class="form-group">
					<ul class="nav nav-arrow-next nav-tabs" id="myTab">
						<li class="active"><a href="#tab_basic">选择单品</a></li>
						<li><a href="#tab_des">选择规格</a></li>
					</ul>
				</div>
				<div class="tab-content" style="border: 0px;">
					<input id="packageNum" type="hidden" name="packageNum" th:value="${packageNum}"/>
					<div class="tab-pane active" id="tab_basic">
						<div class="fixed-table-toolbar">
							<input type="hidden" id="centreId2" th:value="${centreId}">
							<div class="columns pull-left col-md-2 nopadding" th:if="${centreId==null}">
								<select data-placeholder="商户" class="form-control chosen-select" id="centreId" name="centreId" tabindex="3">
									<option value="">选择商户</option>
									<option th:each="item: ${centreList}" th:text="${item.name}" th:value="${item.centreId}"></option>
								</select>
							</div>
							<input type="hidden" id="liansuoId" th:value="${teamId}">
							<div class="columns pull-left col-md-2 nopadding" th:if="${teamId==null}">
								<select data-placeholder="店铺" class="form-control chosen-select" id="teamid" name="teamid" tabindex="2">
									<option value="">选择店铺</option>
									<option th:each="item: ${teams}" th:text="${item.tXiaoqu+ +item.id}"
											th:value="${item.id}" th:selected="${item.id}==${teamId}"></option>
								</select>
							</div>
							<div class="pull-left search nopadding">
								<input id="productName" name="productName" type="text"
									   class="form-control" placeholder="输入需查询的关键字">
							</div>
							<div class="columns pull-right" role="group">

								<button class="btn btn-success" onclick="reLoad()">
									<i class="fa fa-search" aria-hidden="true"></i>查询
								</button>

							</div>
						</div>
						<table id="productTable" data-mobile-responsive="true"></table>
					</div>
					<!-- 商品选择开始 -->
					<div class="tab-pane" id="tab_des">
						<div class="form-group">
							<table id="productSkuTable" data-mobile-responsive="true"></table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<div th:include="include::footer"></div>
<script src="/js/appjs/product/restaurant/chooseProduct.js"></script>
<script src="/js/jquery-select/jquery.searchableSelect.js"></script>
<script src="/js/layui.js"></script>
<script type="text/javascript">
	$(function(){
		$('#supply').searchableSelect();
		$('#centreId').searchableSelect();

		// tab切换
		$('#myTab a').click(function(e) {
			e.preventDefault();
			$('#myTab li').each(function() {
				$(this).removeClass('active')
			})
			$('.tab-content .tab-pane').each(function() {
				$(this).removeClass('active')
			})
			$(this).parent().addClass('active')
			id = $(this).attr('href')
			$(id).addClass('active');
		})
	});





</script>
</body>

</html>